
@import "../constant.scss";
.Searchbar-Wrapper{
    width:500px;
    height:50px;
    margin:10px;
    .Searchbar-inner{
        display: inline-table;
        width:100%;
    }
    .search_input{
        vertical-align: middle;
        display: table-cell;
        background-color: #fff;
        color: #606266;
        height: 44px;
        line-height: 44px;
        width:calc(100% - 30px);
        padding:0 15px;
        border:0;

    }
    .search_append{
        border-top-left-radius: 0;
        border-bottom-left-radius: 0;
        vertical-align: middle;
        background-color: #f5f7fa;
        color: #909399;
        display: table-cell;
        position: relative;
        
        white-space: nowrap;
        text-align: center;
        width:1px;
        div {
            line-height: 1;
            text-align: center;
            vertical-align: middle;
            height: 44px;
            margin:-10px -20px;
            padding: 0 20px;
            display: table-cell;
            img {
                width:24px;
            }
        }
        
    }
}